import React from 'react'
import { useLoaderData, useNavigate } from 'react-router-dom'
import styles from './css/Myxqlist.module.css'
import { Button } from 'antd-mobile'
const Myxqlist = () => {
    const nav=useNavigate()
    const LoaderData = useLoaderData()
    return (
        <div>
            <div className={styles.xq}>
                <span>{LoaderData.info.startTime}</span>
                <span>{LoaderData.info.endTime}</span>
            </div>
        
            <div className={styles.d}>
                <span>{LoaderData.info.startStation}</span>
                <span>{'沧州西'}</span>
                <span>{LoaderData.info.endStation}</span>
            </div>
            <div>
                <Button style={{background:'orange'}} onClick={()=>nav('/table')}>订</Button>
            </div>
        </div>

    )
}

export default Myxqlist
